*{
    /*设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。*/
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.nav{
    position: fixed;
    width:100%;
    height:103px;
    background-color:rgb(0, 255, 208);
    top:0;
    border-bottom: 2px solid red;
    z-index: 100;
}
.head{
    /*background-color:antiquewhite;*/
    height:104px;
    width: 1200px;
    margin: 0 auto;/*使居中*/
    position: relative;
}
.img-head{
    width: 180px;
    margin: 7px 0;
    height: 90px;
}
.head ul{
    list-style: none;
    position: absolute;
    left: 230px;
    height:20px;
    top:50%;/*，使居中。设置span时，margin为0*/
    margin-top: -10px;
    font-size: 20px;
    line-height: 20px;;/*行居中*/
    /*top的50%是以文字顶部为界限*/
}
.head ul li{
    float: left;
    border-right: 1.5px solid #6c6c6c;
}
.head ul li span{
    color: #6c6c6c;
    margin: 0 15px;
}
.head ul li a{
    text-decoration: none;
}
/*去除选中时，最左和最有的空白*/
.head ul li:first-child span{
    margin-left: 0;
    font-family: 600px;
}
/*去掉最后边的竖线*/
.head ul li:last-child{
    border-right: none;
}
.head ul li:last-child span{
    margin-right: 0;
}
/*瞎搞一通的div*/
.div1{
    padding-bottom: 0;
    margin: 0;
    bottom: 0px;/*排除导航栏的长度*/
    position:fixed;
    height:250px;
    width:100%;
    background-image: url(./玫瑰少年周深.jpg);
    /*background-color: #6c6c6c;*/
    text-align: center;
    line-height: 250px;
    background-position:center;
    z-index: 100;
}

/*登录表单*/
.div2{
    top:103px;
    position: relative;
    margin:0 auto;
    width:100%;
    height:755px;
    /*background-color:lightpink;*/
    background-image: url(./相亲.jpg);
}
.DL{
    top: 50px;
    position:absolute;
    left:10px;
    margin:0 auto;
    max-width: 400px;
    height: 500px;
    background-color:rgba(222, 10, 53, 0.105);
    border-radius: 20px;
    padding: 60px;
    transition: 0.5s;/*加载速度*/
    border:2px solid darksalmon;
}
.DL h1{
    margin-top: 0;
    text-align: center;
    color: rgb(12, 72, 156);
    letter-spacing: 1px;
}
.DL h3{
    color: #419eb7;
    margin: 15px 0 0 0;
    letter-spacing: 1px;
}
/*.header{
    margin-top: 30px;
}*/
.Dl {
    margin-top: 35px;
}


.input-wrap{
    margin-bottom: 10px;
    padding: 10px 0;
    width: 100%;
}
.input-wrap input:hover{
    border: 1px solid #0000004f;
}
.input-wrap input:focus{
    border: 1px solid #000000eb;
}
.input-control{
    padding: 5px 10px;
    border: 1px solid #0000001e;
    color: #fff;
    width: 50%;
}
/*.input-error{
    color:#560300;
}*/

/*三个框*/
.input-control{
    /*背景透明*/
    background: transparent;
    /* outline 属性是在一条声明中设置多个轮廓属性的简写属性 
    例如 outline-style, outline-width 和 outline-color*/
    outline: none;
    padding: 5px;
    width: 100%;
    border-radius: 8px;
}
/*提交按钮*/
#log-btn{
    font-size: 12px;
    letter-spacing: 0.5px;
    transition: 0.5s;
}
#log-btn:hover{
    cursor:pointer;
}
.sigh-up a{
    display: block;
    transition: 0.5s;
    font-size: 17px;
    margin-left: 3px;
    color: #54a0ff;
    text-decoration: none;
}

.zs{
    height: 50px;
    width: 280px;
    margin:0px 50%;
    top:50%;
    position: relative;
    text-align: center;
    
}

.div3{
   /*position: relative;*/
    height:500px;
    width:100%;
    background-color:blue;
}
.div4{
    height:500px;
    width:100%;
    background-color:blueviolet;
}
.div5{
    height:500px;
    width:100%;
    background-color: #6c6c6c;
}
.div6{
    height:500px;
    width:100%;
    background-color:antiquewhite;
}
.div7{
    height:500px;
    width:100%;
    background-color:blue;
}


/*返回顶部*/
#re{
    width: 80px;
    height:80px;
    border:2px solid #00d9ff;
    background-color: #00d9ff;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;/*和高度一样就会在垂直方向居中*/
    position: fixed;
    right:10px;
    bottom: 550px;
    /*display: none;/*最开始不显示*/
    cursor: pointer;
    z-index: 100;
}

